---
target: Umo Editor
keywords: Umo Editor,Tiptap,富文本编辑器,文档编辑器,文档编辑,协同办公,开源编辑器,国产编辑器
description: Umo Editor 是一个基于 Vue3 和 Tiptap 的本土化开源文档编辑器，专为国人用户设计。它提供了强大的文档编辑能力和 AI 创作功能，支持分页模式、Markdown 语法、富文本编辑、多种格式的节点插入、页面样式设置、文档导出与打印等功能。此外，Umo Editor 还支持自定义扩展、多语言设置和暗色主题。
---

# 编写自定义扩展

在 Umo Editor 中，您可以使用 JS 来定义扩展，也可以使用 Vue3 组件来定义扩展。

## 使用 JavaScript 编写自定义扩展

见 Tiptap 官方教程：[https://tiptap.dev/docs/editor/guide/custom-extensions](https://tiptap.dev/docs/editor/guide/custom-extensions)。

## 使用 Vue3 编写节点视图扩展
见 Tiptap 官方教程：[https://tiptap.dev/docs/editor/guide/node-views/vue](https://tiptap.dev/docs/editor/guide/node-views/vue)。

## 使用 JavaScript 编写节点视图扩展
见 Tiptap 官方教程：[https://tiptap.dev/docs/editor/guide/node-views/js](https://tiptap.dev/docs/editor/guide/node-views/js)。

## 使用自定义扩展

假设您已经编写了一个自定义扩展 `MyCustomExtension`，您可以在 `extensions` 配置中注册该扩展，如下：

```js
const defaultOptions = {
  extensions: [
    MyCustomExtension,
  ],
}
```
详见[自定义扩展配置](../options/extensions)。
